import axios from '../utils/request.js'
import loginFn from '../utils/public.js'
import { getFeedbackFn } from '../api/feedbackRecord.js'

const vm = new Vue({
  el: '#mybox',
  data() {
    return {
      titleArr: [
        '答案错误',
        '答案错误（我知道答案）',
        '题目重复且答案不相同',
        '题库收录',
        '其他',
      ],
      dialogVisible: false,
      userInfo: null,
      feedbacks: [], // 存放反馈记录数据
      page: 1, // 当前页数
      pageSize: 10, // 每页条数
      noMoreData: false, // 是否没有更多数据标识
    }
  },
  created() {
    loginFn().then((res) => {
      this.userInfo = res
      this.getList()
    })
  },
  methods: {
    iconFn() {
      window.location.href = './balance.html?openid='+window.openid
    },
    getList() {
      getFeedbackFn()
        .then((response) => {
          const data = response.data.data
          if (data.length > 0) {
            this.feedbacks = this.feedbacks.concat(data) // 将获取的数据追加到反馈记录数组中
          } else {
            this.noMoreData = true // 没有更多数据
          }
        })
        .catch((error) => {
          console.error('获取反馈记录失败:', error)
        })
    },
    // handleLoad() {
    //   this.page++ // 加载下一页数据
    //   this.getList()
    // },
    deleteFeedback(index) {
      // 删除某条反馈记录
      const feedbackId = this.feedbacks[index].id
      axios
        .delete(`/feedbacks/${feedbackId}`)
        .then((response) => {
          this.feedbacks.splice(index, 1) // 删除成功后，从数组中移除对应的反馈记录
        })
        .catch((error) => {
          console.error('删除反馈记录失败:', error)
        })
    },
  },
})
